
@font-face {
    font-family: 'MyriadWebProRegular';
    src: url('../fonts/myriad-web-pro-webfont.eot');
    src: url('../fonts/myriad-web-pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriad-web-pro-webfont.woff') format('woff'),
         url('../fonts/myriad-web-pro-webfont.ttf') format('truetype'),
         url('../fonts/myriad-web-pro-webfont.svg#MyriadWebProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'myriad_web_proitalic';
    src: url('../fonts/myriadwebpro-italic-webfont.eot');
    src: url('../fonts/myriadwebpro-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadwebpro-italic-webfont.woff') format('woff'),
         url('../fonts/myriadwebpro-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'myriad_web_probold';
    src: url('../fonts/myriadwebpro-bold-webfont.eot');
    src: url('../fonts/myriadwebpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadwebpro-bold-webfont.woff') format('woff'),
         url('../fonts/myriadwebpro-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'myriad_pro_lightregular';
    src: url('../fonts/myriadpro-light-webfont.eot');
    src: url('../fonts/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-light-webfont.woff') format('woff'),
         url('../fonts/myriadpro-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'myriad_probold_italic';
    src: url('../fonts/myriadpro-boldit_0-webfont.eot');
    src: url('../fonts/myriadpro-boldit_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-boldit_0-webfont.woff') format('woff'),
         url('../fonts/myriadpro-boldit_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/*-----------css reset---------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*----------basic----------------*/
ul{list-style:none}
ul li{display:list-item;}
html,body {font: 14px 'MyriadWebProRegular', sans-serif; /*background: url("../images/bg_home.jpg") no-repeat;*/ color:#fff; height:100%}
a { text-decoration:none; color: #878787 }
a:hover { text-decoration:underline; }
html { overflow-y:scroll }/*Prevent Firefox Scrollbar Jump*/
button { border: none; cursor: pointer; font-weight: bold; color: #fff }
input , textarea { padding: 0; margin: 0; resize:none}
select, .cp  { cursor:pointer; }
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
:focus{outline:0}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
html{overflow-y:scroll}
/*===========================*/
#container {
    margin: 0px auto;
    padding-top:100px;
    position: relative;
    text-align: left;
	min-height:100%;
	background:#ffe8b1 url(../images/bg_home.jpg) no-repeat center top; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow:auto
}

#wrapper{
	width:900px;
	margin: 0 auto;
	padding-bottom:45px;
	position:relative;
}

#logo {
    height: 152px;
    left: 275px;
    position: absolute;
    top: -85px;
    width: 244px;
}
#navbar{
	margin: 0 auto;
}

#navbar ul{
	margin:15px 0 10px 0;
	width:100%;
	height:27px;
	text-align:center;
}

#navbar ul li{
	float:left;
	font-size:13.6px;
	line-height:27px;
}
#navbar ul li.item-105, #navbar ul li.item-106,#navbar ul li.item-107,#navbar ul li.item-108{
	float:right
}
#navbar ul li.item-105 a{
	padding-right:0
}
#navbar ul li.fr{
	float:right
}
#navbar ul li a{
	color:#7f5441;
	padding:0px 10px;
    font-family: 'MyriadWebProRegular';
	text-transform:uppercase;
	letter-spacing:-0.5px
	
}
#navbar ul li a:hover,#navbar ul li.active a{
	color:#fff;
	text-decoration:none;

}
#navbar ul li.last a{
	padding-right:0
}
#navbar ul li:first-child a{
	
	padding-left:0
}
/*--------------------Main-content-----------------------------*/
#main-content{
	margin-top:80px;
	display:inline-block;
	width:900px;
}
#slideshow {
    float: left;
    margin-bottom: 10px;
    margin-top: -20px;
}
#col-left{
	float:left;
	margin-right:10px
}
#story{
	width:245px;
}
#review{
	margin-top:15px;
}

#story h2, #review h2, #review h2 a{
	color:#699d54;
	font-family: 'myriad_web_probold';
	font-size:23px;
	line-height:19px;
	letter-spacing:-0.5px;
	font-weight:400;
	opacity: 0.4
}
#review h2 a{
	text-decoration:none
}
#story p{
    font-family: 'myriad_web_proitalic';
	color:#db9f85;
	font-size:12px;
}
#story a{
    font-family: 'myriad_web_proitalic';
	color:#db9f85;
	font-weight:700;
}
#col-right{
	float:right;
	width:260px;
	margin-top:50px
}
#welcome{

}
#welcome p{
	letter-spacing:-1px;
}
#welcome b.wel{
	font-size:48px;
	display:block;
	
	letter-spacing:-3px;
}
p.fb{
	font-family: 'myriad_web_probold';
	font-size:48px;
	font-weight:400; 
	color:#a28989
}
p.fb span{
	font-size:30px;
}
p.enjoy{
	font-family: 'myriad_web_probold';
	font-size:23px;
	font-weight:400; 
	color:#699d54;
	letter-spacing:-1.5px !important; 
}
p.enjoy span{
	color:#a28989;
	font-family: 'myriad_web_proitalic';
	letter-spacing:-1.5px !important; 
}
p.seafood{
	color:#62bec1;
	font-size:23px;
	font-family: 'myriad_web_proitalic';
	letter-spacing:-1.5px !important;
}
#picture{
	margin-top:30px
}

#picture p{
	color:#db9f85;
	font-size:18px;
	font-family: 'myriad_web_proitalic';
	font-weight:700;
	line-height:19px;	
	letter-spacing:-1px
}
#picture a{
	color:#81665a;
	font-size:18px;
	font-family: 'myriad_web_proitalic';
	font-weight:700;
	line-height:17px;	
	letter-spacing:-1px
}

#footer{
	
	width:100%;
	position:absolute;
	bottom:0;
}

#foot{
	margin:0 auto;
	height:35px;
	font-size:7.36px;
	color:#a36e54;
	width:900px;
	font-weight:400;
    font-family: 'MyriadWebProRegular';	
	
}
#foot p.top3{
	float:right
}
#foot p.copy{
	width:150px;
	float:left
}
/*---------------innerpage--------------------*/

.inner-page{ margin-top:0 !important}

#sidebar{
	width:329px;
	float:left
}

#about{
	float:left
}
#about p{
	color:#699d54;
	font-size:49px;
	font-family: 'myriad_web_probold';
	font-weight: 400;
	line-height:35px;
	letter-spacing:-2px
}
#about p span{
	color:#e3dbd3
}

#left-menu{
	width:145px;
	float:right
}

#left-menu ul{
	margin-top:-6px;
}

#left-menu ul li{
	line-height:22px;
	border-bottom:1px solid #849433;
	background: url("../images/green_arrow.png") no-repeat right;

 }
#left-menu ul li:last-child{
	border-bottom:0
}
#left-menu ul li a{ 
	font-size:16px;
	font-family: 'myriad_web_probold';
	letter-spacing:-1px;
	color:#db9f85;
	text-decoration:none;
}
#left-menu ul li.active,#left-menu ul li:hover {
	background: url("../images/white_arrow.png") no-repeat right !important;

}
#left-menu ul li.active a,#left-menu ul li a:hover {
	color:#fff
}

#data{
	width:542px;
	float:right;
	margin-top:-6px
}
#data h2{
	font-size:16px;
	color:#fff;
	line-height:22px;
	font-family: 'myriad_web_probold';
	font-weight:400;
	letter-spacing:-1px	
}
#data p{
	    font-family: 'myriad_pro_lightregular';
		font-size:12px;
		color:#eae2d9;
		line-height:13px;
}

p.award{
	color:#db9f85 !important;
	font-size:18px !important;
	font-family: 'myriad_probold_italic' !important;
	line-height:17px !important;
	letter-spacing:-1px
}

#data a{
	color:#81665a;
	font-size:18px;
	font-family: 'myriad_probold_italic';
	line-height:17px;
	letter-spacing:-1px
}

#content{
	margin-top:25px
}

#data table tr{
	border-bottom:1px solid #fff
}

#data table tr td{
	    font-family: 'myriad_pro_lightregular';
		font-size:12px;
		line-height:20px;
		letter-spacing:-0.5px
}
#data table tr td.iitalic{
	    font-family: 'myriad_web_proitalic' !important;
		width:255px
}

#data table tr td.food{
	width:142px
}
.meta{
	width:255px;
	float:left
}
.meta p.jus{
	text-align:justify;
}
.meta p.address{
	font-size:14px !important;
	line-height:17px !important;
    font-family: 'myriad_probold_italic' !important;	
	letter-spacing:0.5px !important
}
.meta p.address span{
	color:#007c41
}

#contact-form{
	width:256px;
	float:right;
	
}

#contact-form label{
	width:88px;
	display:block;
	float:left;
	line-height:16px;
	font-size:12px;
	font-family: 'myriad_pro_lightregular';
	background: url("../images/bg_label.png") no-repeat;
	padding-left:5px;
	letter-spacing:-0.5px
}
.mb10{ margin-bottom:4px}

#contact-form input[type="text"]{
	width:163px;
	height:16px;
	background: url("../images/bg_input.png") no-repeat;
	border:none;
	font-size:12px;
	color:#fff
}
#contact-form input[type="submit"]{
	width:75px;
	height:16px;
	background: url("../images/submitbtn.jpg");
	border:none;
	float:right;
	
}
#cater, #promotion, #contactus{
	width:184px;
	float:left
}
#cater p{	
	color:#699d54;
	font-size:42px;
	font-family: 'myriad_web_probold';
	font-weight: 400;
	line-height:35px;
	letter-spacing:-3px
}
#cater p span{	
	color:#e3dbd3
}
p.cater a, p.cater span{	
	color:#007c41!important;
	font-family: 'myriad_probold_italic' !important;
	font-size:12px !important
}
p.ccontact span{
	color:#007c41;
	font-family: 'myriad_probold_italic' !important;
	font-size:12px !important
}
p.ccontact span.italicc{
    font-family: 'myriad_web_proitalic' !important;
}
.gallery{
	float:left;
	margin-right:15px;
	border-bottom:1px solid #fff;
	margin-bottom:20px;
	padding-bottom:10px
}
.gallery p{
	font-size:16px;
	color:#fff;
	font-family: 'myriad_web_probold';
	background: url("../images/white_arrow.png") no-repeat right center
}
.last{
	margin-right:0
}
#ggallery{
	margin-top:35px
}

#promotion p{
	color:#e3dbd3;
	font-size:48px;
	font-family: 'myriad_web_probold';
	font-weight: 400;
	line-height:35px;
	letter-spacing:-3px
}
#contactus{
	color:#e3dbd3;
	font-size:44px;
	font-family: 'myriad_web_probold';
	font-weight: 400;
	line-height:35px;
	letter-spacing:-3px
}
img.voucher{
	margin-left:-20px
}
span.cf1{ color:#fff !important}

#content-gallery{
	width:535px;
	margin:0 auto;
	margin-top:30px
}
#content-gallery p{
	font-size:16px;
	color:#fff;
	font-family: 'myriad_web_probold';
	float: left;
	width:200px;	
	line-height:30px
}
#content-gallery a{
	font-size:16px;
	color:#fff;
	font-family: 'myriad_web_probold';
	float: right;
	line-height:30px
}


.box_skitter{
	border: none !important;
	background-color: transparent !important;
}

div.boxplus-slider{
	padding: 0 !important
}

.boxplus-carousel .boxplus-paging > div.boxplus-prev{
	background: url("../images/prev.png") repeat scroll -14px 0 transparent !important
}
.boxplus-carousel .boxplus-paging > div.boxplus-prev:hover{
	background-position:-7px -13px !important
}
.boxplus-carousel .boxplus-paging > div.boxplus-prev, .boxplus-carousel .boxplus-paging > div.boxplus-next{
	width:7px !important
}

.boxplus-carousel .boxplus-paging > div.boxplus-next{
background: url("../images/next.png") repeat scroll -14px 0 transparent !important
}

.boxplus-carousel .boxplus-paging > div.boxplus-next:hover{
	background-position:-7px -13px !important
}
.boxplus-carousel .boxplus-paging > div.boxplus-prev{
	left:-15px !important
}
.boxplus-carousel .boxplus-paging > div{
	top:-180px !important
}

.boxplus-carousel .boxplus-paging > div.boxplus-next{
	right:-15px !important
}





